<template>
    <el-container>
        <el-header>
            <el-row>
                <el-col :span="12">
                    <i class="el-icon-s-fold" @click="openMenu" ></i>
                    <img src="" alt="">
                    <span class="titleYI">
                        易理赔
                    </span>
                </el-col>
                <el-col :span="12">
                    <el-dropdown>
                        <el-button class="admin" type="info" round>
                            admin<i class="el-icon-arrow-down el-icon--right"></i>
                        </el-button>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>退出</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </el-col>
            </el-row>
        </el-header>
        <el-container>
<!--            <el-aside width="200px">-->
                <leftMenu></leftMenu>
<!--            </el-aside>-->
            <el-main>Main</el-main>
        </el-container>
        <el-footer>Footer</el-footer>
    </el-container>
</template>

<script>
import leftMenu from "../components/leftMenu";
import { mapActions } from "vuex";
export default {
  name: "Home",
  components:{
    leftMenu
  },
  methods: {
    ...mapActions(["openMenu"])
  }
}
</script>

<style>
    .el-header, .el-footer {
        background-color: rgb(36,47,66);
        color: #333;
        text-align: center;
        line-height: 60px;
    }

    .el-aside {
        background-color: #D3DCE6;
        color: #333;
        text-align: center;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: center;
        line-height: 160px;
    }

    body > .el-container {
        margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
        line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
        line-height: 320px;
    }
    .el-icon-s-fold{
        float: left;
        font-size: 2em;
        margin-top: 14px;
        color: rgb(144,147,153);
    }
    .titleYI{
        float: left;
        margin-left: 10px;
        font-size: 1.3em;
    }
    .el-menu{
        border-right: solid 0 !important;
    }

    .el-scrollbar__thumb {
        display: none;
    }
    .el-dropdown{
        float: right;
    }
    .admin{
        padding: 7px 10px !important;
    }
</style>